<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: admin
  Date: 2022/2/22
  Time: 21:57
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<jsp:include page="/WEB-INF/jsp/head.jsp"/>
<html>
<head>
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/css/travel.css">

    <style type="text/css">

        .div1{ background: #D5D4D4;height: 500px; margin-bottom: 10px; overflow: hidden; font-size: 50px;}
        .div2{ background: #D5D4D4; height: 500px; margin-bottom: 10px; overflow: hidden;font-size: 50px;}
        .div3{ background: #D5D4D4; height: 500px; margin-bottom: 10px; overflow: hidden;font-size: 50px;}
        #scrollSearchDiv{ width: 100%; height: 40px; line-height: 40px; background-color: #b143ea; display: none; position: fixed; left: 0; bottom:0; text-align: center; font-size: 20px; color: #fff; }
    </style>



</head>
<body>



<div class="best_travel">
    <div class="best_travel_a" id="head"><div style="background-color: red;height: 30px;width: 5px;float: left"></div><a style="color: red;font-size: 18px" href="">&nbsp;&nbsp;团购精选</a></div>
    <div class="best_travel_more"><a href="${pageContext.request.contextPath}/font/travel_allteamproduct">更多产品&nbsp;></a></div>
<c:forEach var="products"  items="${products.list}">
    <div class="best_travel_product">
        <div class="travel_produce_img"><img src="${pageContext.request.contextPath}/${products.productimg1}" style="width: 100%;height: 100%;display:block;"></div>
        <div class="travel_produce_name"><a href="${pageContext.request.contextPath}/font/travel_teamdetails?productcode=${products.productcode}">${products.productname}</a></div>
        <div class="travel_produce_price">
            <span class="qi">起</span>
            <span class="money">${products.price}</span>
            <span class="money_symbol">￥</span>
        </div>
    </div>
</c:forEach>

</div>

<div class="best_travel2">
    <div class="best_travel_a" id="6"><div style="background-color: red;height: 30px;width: 5px;float: left"></div><a style="color: red;font-size: 18px" id="address">&nbsp;&nbsp;特惠6人团</a></div>
    <div class="best_travel_more"><a href="${pageContext.request.contextPath}/font/team_number?group_number=6">更多产品&nbsp;></a></div>
    <div class="best_travel2_img"><img src="${pageContext.request.contextPath }/images/0fa326cf82d8c7f019954fd8f367e0a.png"></div>

    
<c:forEach var="addressp01"  items="${addressp01.list}">
    <div class="best_travel2_product">
        <div class="travel_produce_img"><img src="${pageContext.request.contextPath}/${addressp01.productimg1}" style="width: 100%;height: 100%;display:block;"></div>
        <div class="travel_produce_name"><a href="${pageContext.request.contextPath}/font/travel_teamdetails?productcode=${addressp01.productcode}">${addressp01.productname}</a></div>
        <div class="travel_produce_price">
            <span class="qi">起</span>
            <span class="money">${addressp01.price}</span>
            <span class="money_symbol">￥</span>
        </div>
    </div>
</c:forEach>
    
    

</div>
<div class="best_travel2">
    <div class="best_travel_a" id="8"><div style="background-color: red;height: 30px;width: 5px;float: left"></div><a style="color: red;font-size: 18px" id="address">&nbsp;&nbsp;特惠8人团</a></div>
    <div class="best_travel_more"><a href="${pageContext.request.contextPath}/font/team_number?group_number=8">更多产品&nbsp;></a></div>
    <div class="best_travel2_img"><img src="${pageContext.request.contextPath }/images/0ab8466bc16be49cbf2dfaffee4b5fc.png"></div>


    <c:forEach var="addressp02"  items="${addressp02.list}">
        <div class="best_travel2_product">
            <div class="travel_produce_img"><img src="${pageContext.request.contextPath}/${addressp02.productimg1}" style="width: 100%;height: 100%;display:block;"></div>
            <div class="travel_produce_name"><a href="${pageContext.request.contextPath}/font/travel_teamdetails?productcode=${addressp02.productcode}">${addressp02.productname}</a></div>
            <div class="travel_produce_price">
                <span class="qi">起</span>
                <span class="money">${addressp02.price}</span>
                <span class="money_symbol">￥</span>
            </div>
        </div>
    </c:forEach>



</div>
<div class="best_travel2">
    <div class="best_travel_a" id="10"><div style="background-color: red;height: 30px;width: 5px;float: left"></div><a style="color: red;font-size: 18px" id="address">&nbsp;&nbsp;特惠10人团</a></div>
    <div class="best_travel_more"><a href="${pageContext.request.contextPath}/font/team_number?group_number=10">更多产品&nbsp;></a></div>
    <div class="best_travel2_img"><img src="${pageContext.request.contextPath }/images/bc3e152a0ec5b11acdbadd8724acc81.png"></div>


    <c:forEach var="addressp03"  items="${addressp03.list}">
        <div class="best_travel2_product">
            <div class="travel_produce_img"><img src="${pageContext.request.contextPath}/${addressp03.productimg1}" style="width: 100%;height: 100%;display:block;"></div>
            <div class="travel_produce_name"><a href="${pageContext.request.contextPath}/font/travel_teamdetails?productcode=${addressp03.productcode}">${addressp03.productname}</a></div>
            <div class="travel_produce_price">
                <span class="qi">起</span>
                <span class="money">${addressp03.price}</span>
                <span class="money_symbol">￥</span>
            </div>
        </div>
    </c:forEach>



</div>
<div class="best_travel2">
    <div class="best_travel_a" id="12"><div style="background-color: red;height: 30px;width: 5px;float: left"></div><a style="color: red;font-size: 18px" id="address">&nbsp;&nbsp;特惠12人团</a></div>
    <div class="best_travel_more"><a href="${pageContext.request.contextPath}/font/team_number?group_number=12">更多产品&nbsp;></a></div>
    <div class="best_travel2_img"><img src="${pageContext.request.contextPath }/images/64941346a635874bb0202214910dee3.png"></div>


    <c:forEach var="addressp04"  items="${addressp04.list}">
        <div class="best_travel2_product">
            <div class="travel_produce_img"><img src="${pageContext.request.contextPath}/${addressp04.productimg1}" style="width: 100%;height: 100%;display:block;"></div>
            <div class="travel_produce_name"><a href="${pageContext.request.contextPath}/font/travel_teamdetails?productcode=${addressp04.productcode}">${addressp04.productname}</a></div>
            <div class="travel_produce_price">
                <span class="qi">起</span>
                <span class="money">${addressp04.price}</span>
                <span class="money_symbol">￥</span>
            </div>
        </div>
    </c:forEach>



</div>





<div style="width: 500px;height: 500px;background-color: #ffffff"></div>





<div id="scrollSearchDiv">

    <span><a style="color: black" href="#head">顶端</a></span>
    <span><a style="color: black" href="#6">6人团</a></span>
    <span><a style="color: black" href="#8">8人团</a></span>
    <span><a style="color: black" href="#10">10人团</a></span>
    <span><a style="color: black" href="#12">12人团</a></span>



</div>
<script src="http://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js"></script>


<script type="text/javascript">
    $(function () {
        //绑定滚动条事件
        //绑定滚动条事件
        $(window).bind("scroll", function () {
            var sTop = $(window).scrollTop();
            var sTop = parseInt(sTop);
            if (sTop >= 130) {
                if (!$("#scrollSearchDiv").is(":visible")) {
                    try {
                        $("#scrollSearchDiv").slideDown();
                    } catch (e) {
                        $("#scrollSearchDiv").show();
                    }
                }
            }
            else {
                if ($("#scrollSearchDiv").is(":visible")) {
                    try {
                        $("#scrollSearchDiv").slideUp();
                    } catch (e) {
                        $("#scrollSearchDiv").hide();
                    }
                }
            }
        });
    })
</script>







</body>
<script type="text/javascript" src="${pageContext.request.contextPath }/js/travel.js"></script>
</html>
<jsp:include page="/WEB-INF/jsp/foot.jsp"/>
